<template>
	<div class="city">
		<div class="city-header">
			<label>选择城市</label>
			<router-link to="/">
				<i class="iconfont">x</i>
			</router-link>
		</div>
		
		<CityList></CityList>
	</div>
</template>

<script>
// 引入
import CityList from './pages/CityList';

export default{
	name:'City',
	components:{
		CityList,
	}
}
</script>

<style scoped>
.city-header{
	line-height: 1.17rem;
	background-color: #fed101;
	display: flex;
	text-align: center;
}
.city-header label{
	font-size: 0.4rem;
	color: #333;
	width: 94%;
}
.city-header a{
	flex: 1;
	font-weight: bold;
	text-decoration: none;
}
</style>
